<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<!--<link rel="stylesheet" type="text/css" href="css/index.css"/>-->
		<!--<link rel="stylesheet" type="text/css" href="css/introduce.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/essay.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--移动端-->
		<!--
			device-width：定宽  自适应
			initial-scale：默认倍数
			minimum-scale：最小倍数
			maximum-scale：最大倍数
			user-scalable：是否允许用户放大
		-->
	</head>
	<body>
		<div class="web">
			<!--头部开始-->
			<header class="clearfix">
				<!--div.header_left+div.header_right+div.header_center-->
				<div class="header_left fl">
					<label for="login_control">
						<i class="iconfont icon-liebiao"></i>
					</label>
				</div>
				<div class="header_right fr">
					<div class="search">
						<label for="search_web">
							<i class="iconfont icon-fangdajing"></i>
						</label>
					</div>
				</div>
				<div class="header_center">
					<a href="index.html"><img src="img/logo.png"/></a>
				</div>
			</header>
			<!--头部结束-->
			<!--内容开始-->
			<main>
				<div class="nav">
					<img src="img/nav2.png" alt="" />
					<div class="nav_cont">
						<p><span>[专业IMC平台]</span>太子金涂鸦大赛网络整合营销传播</p>
						<ul class="clearfix">
							<li class="fl"></li>
							<li class="fl"></li>
							<li class="fl"></li>
						</ul>
					</div>
				</div>
				<div class="cont">
					<ul class="clearfix">
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						<li class="fl">
							<div class="imgs">
								<img src="img/essay.png" alt="" />
							</div>
							<div class="content">
								<p>海天“晒“宴，和汪涵一起， 参观海天酱油......</p>
							</div>
							<div class="zhong clearfix">
								<span class="fl">营销</span>
								<span class="fr ko">
									<img src="img/2.png" alt="" />
									123
								</span>
								<span class="fr ai">
									<img src="img/ai2.png"/>
									123
								</span>
							</div>
							<div class="bottom">
								<div class="bottom_img">
									<img src="img/yox.png" alt="" />
								</div>
								<span>叶巧岚</span>
								<span>2015年1月20日</span>
							</div>
						</li>
						
					</ul>
					<p class="cao">加载更多</p>
				</div>
			</main>
			<!--内容结束-->
			<!--尾部开始-->
			<footer>
				<!--ul>li*5>a>i.iconfont-icon fangdajing+h2{首页}-->
				<ul class="clearfix">
					<li class="fl">
						<a href="" class="active">
							<i class="iconfont icon-shouye01"></i>
							<div>首页</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-logo"></i>
							<div>GIMC</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-wenzhang"></i>
							<div>文章</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-ziyuancopy"></i>
							<div>资源</div>
						</a>
					</li>
					<li class="fl">
						<a href="">
							<i class="iconfont icon-xueyuan"></i>
							<div>学院</div>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部结束-->
	</body>
</html>
